<template>
	<div class="page">
		<Head />
		<div class="mainBody">
			<div class="lottery routerView">
				<div style="width: 214px;">
					<div class="lottery-nav">
						<el-menu class="menu" @select="selectM" background-color="#293356"
							text-color="rgb(144, 162, 220)" active-text-color="#e9cfa4">
							<el-submenu index="1">
								<template slot="title">
									<span> Mở thưởng hôm nay</span>
								</template>
								<el-menu-item class="leftnav-submenu-item" index="1-1">
									<div class="menu-name">Miền Bắc</div>
									<vue-count-down-time startTime="2020-03-07 20:00:00" endTime="1583586000000"
										showTemplate="<span class='bb'>${hour}:</span><span class='bb'>${min}:</span><span class='bb'>${sec}</span>">
									</vue-count-down-time>
								</el-menu-item>
								<el-menu-item class="leftnav-submenu-item" index="1-2">
									<div class="menu-name">Miền Bắc</div>
									<vue-count-down-time startTime="2020-03-07 20:00:00" endTime="1583586000000"
										showTemplate="<span class='bb'>${hour}:</span><span class='bb'>${min}:</span><span class='bb'>${sec}</span>">
									</vue-count-down-time>
								</el-menu-item>
								<el-menu-item class="leftnav-submenu-item" index="1-3">
									<div class="menu-name">Miền Bắc</div>
									<vue-count-down-time startTime="2020-03-07 20:00:00" endTime="1583586000000"
										showTemplate="<span class='bb'>${hour}:</span><span class='bb'>${min}:</span><span class='bb'>${sec}</span>">
									</vue-count-down-time>
								</el-menu-item>
								<el-menu-item class="leftnav-submenu-item" index="1-4">
									<div class="menu-name">Miền Bắc</div>
									<vue-count-down-time startTime="2020-03-07 20:00:00" endTime="1583586000000"
										showTemplate="<span class='bb'>${hour}:</span><span class='bb'>${min}:</span><span class='bb'>${sec}</span>">
									</vue-count-down-time>
								</el-menu-item>
							</el-submenu>
							<el-submenu index="2">
								<template slot="title">
									<span>Miền Bắc</span>
								</template>
								<el-menu-item class="leftnav-submenu-item" index="1-1">
									<div class="menu-name">Miền Bắc</div>
									<vue-count-down-time startTime="2020-03-07 20:00:00" endTime="1583586000000"
										showTemplate="<span class='bb'>${hour}:</span><span class='bb'>${min}:</span><span class='bb'>${sec}</span>">
									</vue-count-down-time>
								</el-menu-item>
								<el-menu-item class="leftnav-submenu-item" index="1-2">
									<div class="menu-name">Miền Bắc</div>
									<vue-count-down-time startTime="2020-03-07 20:00:00" endTime="1583586000000"
										showTemplate="<span class='bb'>${hour}:</span><span class='bb'>${min}:</span><span class='bb'>${sec}</span>">
									</vue-count-down-time>
								</el-menu-item>
								<el-menu-item class="leftnav-submenu-item" index="1-3">
									<div class="menu-name">Miền Bắc</div>
									<vue-count-down-time startTime="2020-03-07 20:00:00" endTime="1583586000000"
										showTemplate="<span class='bb'>${hour}:</span><span class='bb'>${min}:</span><span class='bb'>${sec}</span>">
									</vue-count-down-time>
								</el-menu-item>
								<el-menu-item class="leftnav-submenu-item" index="1-4">
									<div class="menu-name">Miền Bắc</div>
									<vue-count-down-time startTime="2020-03-07 20:00:00" endTime="1583586000000"
										showTemplate="<span class='bb'>${hour}:</span><span class='bb'>${min}:</span><span class='bb'>${sec}</span>">
									</vue-count-down-time>
								</el-menu-item>
							</el-submenu>
							<el-submenu index="3">
								<template slot="title">
									<span>Miền Nam</span>
									<span class="filters">
										<span class="weekFilters">
											<el-dropdown>
												<span class="el-dropdown-link">
													Toàn bộ<i class="el-icon-caret-bottom"></i>
												</span>
												<el-dropdown-menu slot="dropdown">
													<el-dropdown-item>Toàn bộ</el-dropdown-item>
													<el-dropdown-item>Chủ nhật</el-dropdown-item>
													<el-dropdown-item>Thứ 2</el-dropdown-item>
													<el-dropdown-item>Thứ 3</el-dropdown-item>
													<el-dropdown-item>Thứ 4</el-dropdown-item>
													<el-dropdown-item>Thứ 5</el-dropdown-item>
													<el-dropdown-item>Thứ 6</el-dropdown-item>
													<el-dropdown-item>Thứ 7</el-dropdown-item>
												</el-dropdown-menu>
											</el-dropdown>
										</span>
									</span>
								</template>
								<el-menu-item class="leftnav-submenu-item" index="3-1">
									<div class="menu-name">Miền Nam VIP 5 phút</div>
									<vue-count-down-time startTime="2020-03-07 20:00:00" endTime="1583586000000"
										showTemplate="<span class='bb'>${hour}:</span><span class='bb'>${min}:</span><span class='bb'>${sec}</span>">
									</vue-count-down-time>
								</el-menu-item>
								<el-menu-item class="leftnav-submenu-item" index="3-2">
									<div class="menu-name">An Giang</div>
									<vue-count-down-time startTime="2020-03-07 20:00:00" endTime="1583586000000"
										showTemplate="<span class='bb'>${hour}:</span><span class='bb'>${min}:</span><span class='bb'>${sec}</span>">
									</vue-count-down-time>
								</el-menu-item>
								<el-menu-item class="leftnav-submenu-item" index="3-3">
									<div class="menu-name">Bình Thuận</div>
									<vue-count-down-time startTime="2020-03-07 20:00:00" endTime="1583586000000"
										showTemplate="<span class='bb'>${hour}:</span><span class='bb'>${min}:</span><span class='bb'>${sec}</span>">
									</vue-count-down-time>
								</el-menu-item>
								<el-menu-item class="leftnav-submenu-item" index="3-4">
									<div class="menu-name">Tây Ninh</div>
									<vue-count-down-time startTime="2020-03-07 20:00:00" endTime="1583586000000"
										showTemplate="<span class='bb'>${hour}:</span><span class='bb'>${min}:</span><span class='bb'>${sec}</span>">
									</vue-count-down-time>
								</el-menu-item>
							</el-submenu>
							<el-submenu index="4">
								<template slot="title">
									<span>Miền Trung</span>
									<span class="filters">
										<span class="weekFilters">
											<el-dropdown>
												<span class="el-dropdown-link">
													Toàn bộ<i class="el-icon-caret-bottom"></i>
												</span>
												<el-dropdown-menu slot="dropdown">
													<el-dropdown-item>Toàn bộ</el-dropdown-item>
													<el-dropdown-item>Chủ nhật</el-dropdown-item>
													<el-dropdown-item>Thứ 2</el-dropdown-item>
													<el-dropdown-item>Thứ 3</el-dropdown-item>
													<el-dropdown-item>Thứ 4</el-dropdown-item>
													<el-dropdown-item>Thứ 5</el-dropdown-item>
													<el-dropdown-item>Thứ 6</el-dropdown-item>
													<el-dropdown-item>Thứ 7</el-dropdown-item>
												</el-dropdown-menu>
											</el-dropdown>
										</span>
									</span>
								</template>
								<el-menu-item class="leftnav-submenu-item" index="4-1">
									<div class="menu-name">Gia Lai</div>
									<vue-count-down-time startTime="2020-03-07 20:00:00" endTime="1583586000000"
										showTemplate="<span class='bb'>${hour}:</span><span class='bb'>${min}:</span><span class='bb'>${sec}</span>">
									</vue-count-down-time>
								</el-menu-item>
								<el-menu-item class="leftnav-submenu-item" index="4-2">
									<div class="menu-name">Ninh Thuận</div>
									<vue-count-down-time startTime="2020-03-07 20:00:00" endTime="1583586000000"
										showTemplate="<span class='bb'>${hour}:</span><span class='bb'>${min}:</span><span class='bb'>${sec}</span>">
									</vue-count-down-time>
								</el-menu-item>
							</el-submenu>
							<el-submenu index="5">
								<template slot="title">
									<span>Xổ Số VIP</span>
								</template>
								<el-menu-item class="leftnav-submenu-item" index="5-1">
									<div class="menu-name">Hồ Chí Minh VIP</div>
									<vue-count-down-time startTime="2020-03-07 20:00:00" endTime="1583586000000"
										showTemplate="<span class='bb'>${hour}:</span><span class='bb'>${min}:</span><span class='bb'>${sec}</span>">
									</vue-count-down-time>
								</el-menu-item>
								<el-menu-item class="leftnav-submenu-item" index="5-2">
									<div class="menu-name">Hà Nội VIP</div>
									<vue-count-down-time startTime="2020-03-07 20:00:00" endTime="1583586000000"
										showTemplate="<span class='bb'>${hour}:</span><span class='bb'>${min}:</span><span class='bb'>${sec}</span>">
									</vue-count-down-time>
								</el-menu-item>
							</el-submenu>
							<el-submenu index="6">
								<template slot="title">
									<span>Mega 6/45</span>
								</template>
								<el-menu-item class="leftnav-submenu-item" index="6-1">
									<div class="menu-name">Mega 6/45 1 Phút</div>
									<vue-count-down-time startTime="2020-03-07 20:00:00" endTime="1583586000000"
										showTemplate="<span class='bb'>${hour}:</span><span class='bb'>${min}:</span><span class='bb'>${sec}</span>">
									</vue-count-down-time>
								</el-menu-item>
							</el-submenu>
							<el-submenu index="7">
								<template slot="title">
									<span>keno</span>
								</template>
								<el-menu-item class="leftnav-submenu-item" index="7-1">
									<div class="menu-name">Keno VIP 20 giây</div>
									<vue-count-down-time startTime="2020-03-07 20:00:00" endTime="1583586000000"
										showTemplate="<span class='bb'>${hour}:</span><span class='bb'>${min}:</span><span class='bb'>${sec}</span>">
									</vue-count-down-time>
								</el-menu-item>
								<el-menu-item class="leftnav-submenu-item" index="7-2">
									<div class="menu-name">Keno VIP 30 giây</div>
									<vue-count-down-time startTime="2020-03-07 20:00:00" endTime="1583586000000"
										showTemplate="<span class='bb'>${hour}:</span><span class='bb'>${min}:</span><span class='bb'>${sec}</span>">
									</vue-count-down-time>
								</el-menu-item>
							</el-submenu>
						</el-menu>
					</div>
				</div>
				<div class="center">
					<!-- 一种彩票==================================================================== -->
					<div class="open-result">
						<el-collapse v-model="activecollapse" @change="handleChange">
							<el-collapse-item name="1" disabled>
								<template slot="title">
									<div class="infoBox">
										<div class="title"><span>Miền Bắc</span><span class="isOpenBox"><i
													class="iconfont icon-icon_data"></i><span>Kéo ra</span><span
													class="iconfont icon-icon_more_white_16"></span></span></div>
										<div class="lotteryInfo">
											<div class="left">
												<div class="timeAndIssue">
													<div class="lotteryIcon"><img alt=""
															src="../assets/img/men-bac.png"><span class="status"> Đang
															mở kèo </span></div>
													<div class="_timeDown">
														<h6> Lươt xổ 20211206 <br><span> Đang mở kèo cược </span></h6>
														<vue-count-down-time
															style="white-space: nowrap; height: 30px; line-height: 1;"
															startTime="2020-03-07 20:00:00" endTime="1583586000000"
															showTemplate="<div class='time'><span class='bb'>${day}</span><i>:</i><span class='bb'>${hour}</span><i>:</i><span class='bb'>${min}</span><i>:</i><span class='bb'>${sec}</span></div>">
														</vue-count-down-time>
													</div>
												</div>
											</div>
											<div class="right">
												<div class="openNumber">
													<div class="_openNumber" style="">
														<h2> Kỳ 20211205, giải đặc biệt </h2>
														<div class="number">
															<span>0</span><span>4</span><span>3</span><span>2</span><span>9</span>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</template>
								<div class="openData">
									<div style="display: flex; width: 100%;">
										<ul class="lottoOpenNumberList port1">
											<li class="">
												<div class="przeName"> Giải đặc biệt </div>
												<div class="openNum">043<font style="color:#21E06B;">2</font>
													<font style="color:#21E06B;">9</font>
												</div>
											</li>
											<li class="bg2">
												<div class="przeName"> Giải nhất </div>
												<div class="openNum">465<font style="color:#21E06B;">3</font>
													<font style="color:#21E06B;">7</font>
												</div>
											</li>
											<li class="">
												<div class="przeName"> Giải nhì </div>
												<div class="openNum">200<font style="color:#21E06B;">3</font>
													<font style="color:#21E06B;">2</font>,379<font
														style="color:#21E06B;">1</font>
													<font style="color:#21E06B;">0</font>
												</div>
											</li>
											<li class="bg2">
												<div class="przeName dbH"> Giải ba </div>
												<div class="openNum dbH">399<font style="color:#21E06B;">9</font>
													<font style="color:#21E06B;">1</font>,131<font
														style="color:#21E06B;">9</font>
													<font style="color:#21E06B;">8</font>,224<font
														style="color:#21E06B;">4</font>
													<font style="color:#21E06B;">6</font>,494<font
														style="color:#21E06B;">2</font>
													<font style="color:#21E06B;">9</font>,736<font
														style="color:#21E06B;">7</font>
													<font style="color:#21E06B;">0</font>,172<font
														style="color:#21E06B;">8</font>
													<font style="color:#21E06B;">4</font>
												</div>
											</li>
											<li class="">
												<div class="przeName"> Giải tư </div>
												<div class="openNum">69<font style="color:#21E06B;">9</font>
													<font style="color:#21E06B;">7</font>,07<font
														style="color:#21E06B;">1</font>
													<font style="color:#21E06B;">6</font>,26<font
														style="color:#21E06B;">5</font>
													<font style="color:#21E06B;">4</font>,41<font
														style="color:#21E06B;">6</font>
													<font style="color:#21E06B;">5</font>
												</div>
											</li>
											<li class="bg2">
												<div class="przeName dbH"> Giải năm </div>
												<div class="openNum dbH">61<font style="color:#21E06B;">5</font>
													<font style="color:#21E06B;">9</font>,58<font
														style="color:#21E06B;">4</font>
													<font style="color:#21E06B;">3</font>,03<font
														style="color:#21E06B;">9</font>
													<font style="color:#21E06B;">5</font>,09<font
														style="color:#21E06B;">5</font>
													<font style="color:#21E06B;">1</font>,38<font
														style="color:#21E06B;">9</font>
													<font style="color:#21E06B;">4</font>,17<font
														style="color:#21E06B;">0</font>
													<font style="color:#21E06B;">8</font>
												</div>
											</li>
											<li class="">
												<div class="przeName"> Giải sáu </div>
												<div class="openNum">5<font style="color:#21E06B;">5</font>
													<font style="color:#21E06B;">0</font>,7<font style="color:#21E06B;">
														6</font>
													<font style="color:#21E06B;">9</font>,5<font style="color:#21E06B;">
														8</font>
													<font style="color:#21E06B;">5</font>
												</div>
											</li>
											<li class="bg2">
												<div class="przeName"> Giải báy </div>
												<div class="openNum">
													<font style="color:#21E06B;">8</font>
													<font style="color:#21E06B;">5</font>,<font style="color:#21E06B;">6
													</font>
													<font style="color:#21E06B;">5</font>,<font style="color:#21E06B;">9
													</font>
													<font style="color:#21E06B;">4</font>,<font style="color:#21E06B;">1
													</font>
													<font style="color:#21E06B;">8</font>
												</div>
											</li>
											<li class="" style="display: none;">
												<div class="przeName"> Giải tám </div>
												<div class="openNum"></div>
											</li>
											<li class="bg2" style="display: none;">
												<div class="przeName"> </div>
												<div class="openNum"></div>
											</li>
										</ul>
										<ul class="lottoOpenNumberList">
											<li class="">
												<div class="index bd1">0</div>
												<div class="calcNum"> 8 </div>
												<div class="issue active"><i class="el-icon-arrow-left"></i> 20211205
												</div>
											</li>
											<li class="bg2">
												<div class="index bd1">1</div>
												<div class="calcNum"> 0,6,8 </div>
												<div class="issue"><i class="el-icon-arrow-left"
														style="display: none;"></i> 20211204 </div>
											</li>
											<li class="">
												<div class="index bd1">2</div>
												<div class="calcNum"> 9,9 </div>
												<div class="issue"><i class="el-icon-arrow-left"
														style="display: none;"></i> 20211203 </div>
											</li>
											<li class="bg2">
												<div class="index bd1">3</div>
												<div class="calcNum"> 7,2 </div>
												<div class="issue"><i class="el-icon-arrow-left"
														style="display: none;"></i> 20211202 </div>
											</li>
											<li class="bg2">
												<div class="index bd1">4</div>
												<div class="calcNum"> 6,3 </div>
												<div class="issue"><i class="el-icon-arrow-left"
														style="display: none;"></i> 20211201 </div>
											</li>
											<li class="">
												<div class="index bd1">5</div>
												<div class="calcNum"> 4,9,1,0 </div>
												<div class="issue"><i class="el-icon-arrow-left"
														style="display: none;"></i> 20211130 </div>
											</li>
											<li class="bg2">
												<div class="index bd1">6</div>
												<div class="calcNum"> 5,9,5 </div>
												<div class="issue"><i class="el-icon-arrow-left"
														style="display: none;"></i> 20211129 </div>
											</li>
											<li class="bg2">
												<div class="index bd1">7</div>
												<div class="calcNum"> 0 </div>
												<div class="issue"><i class="el-icon-arrow-left"
														style="display: none;"></i> 20211128 </div>
											</li>
											<li class="">
												<div class="index bd1">8</div>
												<div class="calcNum"> 4,5,5 </div>
												<div class="issue"><i class="el-icon-arrow-left"
														style="display: none;"></i> 20211127 </div>
											</li>
											<li class="bg2">
												<div class="index bd1">9</div>
												<div class="calcNum"> 1,8,7,5,4,4 </div>
												<div class="issue"><i class="el-icon-arrow-left"
														style="display: none;"></i> 20211126 </div>
											</li>
										</ul>
									</div>
								</div>
							</el-collapse-item>
						</el-collapse>
						<div class="select-bet">
							<div class="playSelectBox">
								<el-tabs v-model="playSelectV" type="card">
									<el-tab-pane label="Bao lô" name="first">
										<div class="plays">
											<ul>
												<li>Lô 2 Số</li>
												<li>Lô 2 Số 1K</li>
												<li>Lô 3 Số</li>
												<li>Lô 4 Số</li>
											</ul>
										</div>
									</el-tab-pane>
									<el-tab-pane label="Lô Xiên" name="second">
										<div class="plays">
											<ul>
												<li>Xiên 2</li>
												<li>Xiên 3</li>
												<li>Xiên 4</li>
											</ul>
										</div>
									</el-tab-pane>
									<el-tab-pane label="Đánh Đề" name="third">
										<div class="plays">
											<ul>
												<li>Đề đầu</li>
												<li>Đề đặc biệt</li>
												<li>Đề đầu đuôi</li>
											</ul>
										</div>
									</el-tab-pane>
									<el-tab-pane label="Đầu Đuôi" name="forth">
										<div class="plays">
											<ul>
												<li>Đầu</li>
												<li>Đuôi</li>
											</ul>
										</div>
									</el-tab-pane>
									<el-tab-pane label="3 Càng" name="five">
										<div class="plays">
											<ul>
												<li>3 Càng Đầu</li>
												<li>3 Càng Đặc Biệt</li>
												<li>3 Càng Đầu Đuôi</li>
											</ul>
										</div>
									</el-tab-pane>
									<el-tab-pane label="4 Càng" name="six">
										<div class="plays">
											<ul>
												<li>4 Càng Đặc Biệt</li>
											</ul>
										</div>
									</el-tab-pane>
									<el-tab-pane label="Lô trượt" name="seven">
										<div class="plays">
											<ul>
												<li>Trượt xiên 4</li>
												<li>Trượt xiên 8</li>
												<li>Trượt xiên 10</li>
											</ul>
										</div>
									</el-tab-pane>
									<el-tab-pane label="Trò Chơi Thú Vị" name="entty">
										<div class="plays">
											<ul>
												<li>Lô 2 Số Giải ĐB</li>
											</ul>
										</div>
									</el-tab-pane>
								</el-tabs>
								<div class="playRule">
									<div class="selectModel">
										<el-radio-group v-model="ModelV">
											<el-radio-button label="Chọn số"></el-radio-button>
											<el-radio-button label="Nhập số"></el-radio-button>
											<el-radio-button label="Chọn số nhanh"></el-radio-button>
										</el-radio-group>
									</div>
								</div>
							</div>
							<div class="odds"><span><label>Tỉ lệ：</label>99.6 </span>
								<div class="playRuleBtnBox"><i id="info_rule"
										class="iconfont icon-icon_remind"></i><label for="info_rule"
										style="cursor: pointer;">Cách chơi</label></div>
							</div>
							<!-- ball  球 -->
							<div class="bet" v-if="playSelectV == 'first'">
								<div>
									<ul class="selectBox">
										<li class="betBox row-item">
											<div class="selectBetBox">
												<div class="title">Chục</div>
												<ul class="cloumn">
													<li class="ball" data-num="0"></li>
													<li class="ball" data-num="1"></li>
													<li class="ball" data-num="2"></li>
													<li class="ball" data-num="3"></li>
													<li class="ball" data-num="4"></li>
													<li class="ball" data-num="5"></li>
													<li class="ball" data-num="6"></li>
													<li class="ball" data-num="7"></li>
													<li class="ball" data-num="8"></li>
													<li class="ball" data-num="9"></li>
												</ul>
												<div class="dxqqo">
													<el-button size="mini">Tất cả</el-button>
													<el-button size="mini">Lẻ</el-button>
													<el-button size="mini">Chẵn</el-button>
													<el-button size="mini">Xỉu</el-button>
													<el-button size="mini">Tài</el-button>
													<el-button size="mini">Chọn lại</el-button>
												</div>
											</div>
										</li>
									</ul>
									<ul class="selectBox">
										<li class="betBox row-item">
											<div class="selectBetBox">
												<div class="title">Đơn vị</div>
												<ul class="cloumn">
													<li class="ball" data-num="0"></li>
													<li class="ball" data-num="1"></li>
													<li class="ball" data-num="2"></li>
													<li class="ball" data-num="3"></li>
													<li class="ball" data-num="4"></li>
													<li class="ball" data-num="5"></li>
													<li class="ball" data-num="6"></li>
													<li class="ball" data-num="7"></li>
													<li class="ball" data-num="8"></li>
													<li class="ball" data-num="9"></li>
												</ul>
												<div class="dxqqo">
													<el-button size="mini">Tất cả</el-button>
													<el-button size="mini">Lẻ</el-button>
													<el-button size="mini">Chẵn</el-button>
													<el-button size="mini">Xỉu</el-button>
													<el-button size="mini">Tài</el-button>
													<el-button size="mini">Chọn lại</el-button>
												</div>
											</div>
										</li>
									</ul>
								</div>
							</div>
							<!-- 数字 -->
							<div class="bet" v-if="playSelectV == 'seven'">
								<div class="quickBet">
									<div class="selectNum hcmvip">
										<ul>
											<li v-for="(item,index) in 100" :key="index" class="item"> {{index}} <span
													class="miss">5</span></li>
										</ul>
									</div>
									<div class="funcBox">
										<div class="row1">
											<div class="nums"> 00-99 <span class="miss hot">0</span></div>
											<div class="tips"> Hướng dẫn </div>
										</div>
										<div class="row2">
											<div class="randemNum">Chọn ngẫu nhiên</div>
											<ul>
												<li class=""> 1số </li>
											</ul>
										</div>
										<div class="reselected">
											<el-button>Chọn lại</el-button>
										</div>
									</div>
									<div class="selectNumPopBg" style="display: none;">
										<div class="selectNumPop">
											<div class="title"> Phạm vi số cược <i
													class="x-btn iconfont icon-icon_close_white"></i></div>
											<div class="innerBox">
												<ul>
													<li><span> 00-99</span><span> 0</span><span><i
																class="iconfont icon-icon_succeed"></i></span></li>
												</ul>
												<div class="btnGroup"><button class="cancel"> Huỷ </button><button
														class="comfrom"> Xác nhận </button></div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<!-- 大小偶记 -->
							<div class="bet" v-if="playSelectV == 'entty'">
								<div class="funPlayBet">
									<ul class="row">
										<li>
											<div class="title">Lớn Nhỏ Chẵn Lẻ</div>
											<ul class="ballBox">
												<li class="flex1 active">
													<p>Tài</p>
													<p>1.97</p>
												</li>
												<li class="flex1 active">
													<p>Xỉu</p>
													<p>1.97</p>
												</li>
												<li class="flex1 active">
													<p>Lẻ</p>
													<p>1.97</p>
												</li>
												<li class="flex1">
													<p>Chẵn</p>
													<p>1.97</p>
												</li>
											</ul>
										</li>
										<li>
											<div class="title">Tổng Giá Trị</div>
											<ul class="ballBox">
												<li class="">
													<p>0</p>
													<p>70</p>
												</li>
												<li class="">
													<p>1</p>
													<p>36</p>
												</li>
												<li class="">
													<p>2</p>
													<p>26.999</p>
												</li>
												<li class="">
													<p>3</p>
													<p>20.5</p>
												</li>
												<li class="">
													<p>4</p>
													<p>16.4</p>
												</li>
												<li class="">
													<p>5</p>
													<p>13.666</p>
												</li>
												<li class="">
													<p>6</p>
													<p>12.285</p>
												</li>
												<li class="">
													<p>7</p>
													<p>10.875</p>
												</li>
												<li class="">
													<p>8</p>
													<p>9.777</p>
												</li>
												<li class="">
													<p>9</p>
													<p>9</p>
												</li>
												<li class="">
													<p>10</p>
													<p>9.777</p>
												</li>
												<li class="">
													<p>11</p>
													<p>10.875</p>
												</li>
												<li class="">
													<p>12</p>
													<p>12.285</p>
												</li>
												<li class="">
													<p>13</p>
													<p>13.666</p>
												</li>
												<li class="">
													<p>14</p>
													<p>16.4</p>
												</li>
												<li class="">
													<p>15</p>
													<p>20.5</p>
												</li>
												<li class="">
													<p>16</p>
													<p>26.999</p>
												</li>
												<li class="">
													<p>17</p>
													<p>36</p>
												</li>
												<li class="">
													<p>18</p>
													<p>70</p>
												</li>
												<li class="">
													<p>Tài</p>
													<p>1.97</p>
												</li>
												<li class="">
													<p>Xỉu</p>
													<p>1.97</p>
												</li>
												<li class="">
													<p>Lẻ</p>
													<p>1.97</p>
												</li>
												<li class="">
													<p>Chẵn</p>
													<p>1.97</p>
												</li>
											</ul>
										</li>
									</ul>
								</div>
							</div>
							<!-- 输入框 -->
							<div class="bet">
								<div class="inputBet">
									<textarea rows="3"
										placeholder="如何输入：每个投注号码之间用逗号隔开，例如01,11,12，3D，4D：111，112 1111.1112"></textarea>
									<el-button type="primary" size="mini" class="btn subZBtn">下注</el-button>
									<el-button size="mini" class="btn reBtn">下注</el-button>
								</div>
							</div>
						</div>
					</div>
					<!--另 一种彩票==================================================================== -->
					<div class="open-result">
						<el-collapse v-model="activecollapse" @change="handleChange">
							<el-collapse-item name="1" disabled>
								<template slot="title">
									<div class="infoBox">
										<div class="title"><span>Keno VIP 30 giây</span><span class="isOpenBox"><i
													class="iconfont icon-icon_data"></i><span>Kéo ra</span><span
													class="iconfont icon-icon_more_white_16"></span></span></div>
										<div class="lotteryInfo">
											<div class="left">
												<div class="timeAndIssue">
													<div class="lotteryIcon"><img alt=""
															src="../assets/img/men-bac.png"><span class="status"> Đang
															mở kèo </span></div>
													<div class="_timeDown">
														<h6> Lươt xổ 20211206 <br><span> Đang mở kèo cược </span></h6>
														<vue-count-down-time
															style="white-space: nowrap; height: 30px; line-height: 1;"
															startTime="2020-03-07 20:00:00" endTime="1583586000000"
															showTemplate="<div class='time'><span class='bb'>${day}</span><i>:</i><span class='bb'>${hour}</span><i>:</i><span class='bb'>${min}</span><i>:</i><span class='bb'>${sec}</span></div>">
														</vue-count-down-time>
													</div>
												</div>
											</div>
											<div class="right">
												<div class="openNumber">
													<div class="kenoOpneResult">
														<div>
															<div class="koTitle">
																<div class="pastResult"><span class="lable">Kỳ
																	</span><span class="Issue">202112061202</span></div>
																<div class="classification">
																	<div class="classItem random0 big"> Tài </div>
																	<div class="classItem random1 odd"> Lẻ </div>
																	<div class="classItem random3 down"> Dưới </div>
																	<div class="classItem random2 fire"> Hoả </div>
																</div>
															</div>
															<div class="resultList">
																<div class="resultNum">
																	<ul class="codeList">
																		<li data-index="0" class="code"
																			style="opacity: 1;"><span> 13</span></li>
																		<li data-index="1" class="code"
																			style="opacity: 1;"><span> 24</span></li>
																		<li data-index="2" class="code"
																			style="opacity: 1;"><span> 25</span></li>
																		<li data-index="3" class="code"
																			style="opacity: 1;"><span> 26</span></li>
																		<li data-index="4" class="code"
																			style="opacity: 1;"><span> 29</span></li>
																		<li data-index="5" class="code"
																			style="opacity: 1;"><span> 30</span></li>
																		<li data-index="6" class="code"
																			style="opacity: 1;"><span> 33</span></li>
																		<li data-index="7" class="code"
																			style="opacity: 1;"><span> 34</span></li>
																		<li data-index="8" class="code"
																			style="opacity: 1;"><span> 39</span></li>
																		<li data-index="9" class="code"
																			style="opacity: 1;"><span> 41</span></li>
																		<li data-index="10" class="code"
																			style="opacity: 1;"><span> 42</span></li>
																		<li data-index="11" class="code"
																			style="opacity: 1;"><span> 49</span></li>
																		<li data-index="12" class="code"
																			style="opacity: 1;"><span> 50</span></li>
																		<li data-index="13" class="code"
																			style="opacity: 1;"><span> 52</span></li>
																		<li data-index="14" class="code"
																			style="opacity: 1;"><span> 53</span></li>
																		<li data-index="15" class="code"
																			style="opacity: 1;"><span> 55</span></li>
																		<li data-index="16" class="code"
																			style="opacity: 1;"><span> 64</span></li>
																		<li data-index="17" class="code"
																			style="opacity: 1;"><span> 71</span></li>
																		<li data-index="18" class="code"
																			style="opacity: 1;"><span> 79</span></li>
																		<li data-index="19" class="code"
																			style="opacity: 1;"><span> 80</span></li>
																	</ul>
																</div>
																<div class="resultSum"> 889 </div>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</template>
								<!-- Tài xỉu    Lẻ chẵn -->
								<div class="openData">
									<div style="display: flex; width: 100%;">
										<div class="lottoOpenNumberList port1">
											<el-tabs v-model="tablotto" type="card" class="elTabs">
												<el-tab-pane label="Tài xỉu" name="first">
													<div class="kenoTableTitle bigSmall">
														<div class="titles circle0">
															<span class="lable" style="border-color: #f94168; background: #f94168;">Tài</span>
															<el-progress width="50" color="#f94168" stroke-width="4" type="circle" :percentage="25"></el-progress>
														</div>
														<div class="titles circle1">
															<span class="lable" style="border-color: #26a1ff; background: #26a1ff;">Xỉu</span>
															<el-progress width="50" color="#26a1ff" stroke-width="4" type="circle" :percentage="25"></el-progress>
														</div>
													</div>
													<div class="tableData">
														<div class="tableDataList">
															<div class="list" v-for="item in 3" :key="item">
																<el-tooltip class="el-tooltip " effect="dark" content="(Tài)202112061241" placement="right" style="border-color: #26a1ff; background: #26a1ff;">
																	<span class="items item">X</span>
																</el-tooltip>
															</div>
														</div>
														<div class="tableDataList">
															<div class="list" v-for="item in 2" :key="item">
																<el-tooltip class="el-tooltip " effect="dark" content="(Tài)202112061241" placement="right" style="border-color: #f94168; background: #f94168;">
																	<span class="items item">T</span>
																</el-tooltip>
															</div>
														</div>
														<div class="tableDataList">
															<div class="list" v-for="item in 3" :key="item">
																<el-tooltip class="el-tooltip " effect="dark" content="(Tài)202112061241" placement="right" style="border-color: #26a1ff; background: #26a1ff;">
																	<span class="items item">X</span>
																</el-tooltip>
															</div>
														</div>
														<div class="tableDataList">
															<div class="list" v-for="item in 2" :key="item">
																<el-tooltip class="el-tooltip " effect="dark" content="(Tài)202112061241" placement="right" style="border-color: #f94168; background: #f94168;">
																	<span class="items item">T</span>
																</el-tooltip>
															</div>
														</div>
														<div class="tableDataList">
															<div class="list" v-for="item in 3" :key="item">
																<el-tooltip class="el-tooltip " effect="dark" content="(Tài)202112061241" placement="right" style="border-color: #26a1ff; background: #26a1ff;">
																	<span class="items item">X</span>
																</el-tooltip>
															</div>
														</div>
														<div class="tableDataList">
															<div class="list" v-for="item in 2" :key="item">
																<el-tooltip class="el-tooltip " effect="dark" content="(Tài)202112061241" placement="right" style="border-color: #f94168; background: #f94168;">
																	<span class="items item">T</span>
																</el-tooltip>
															</div>
														</div>
														<div class="tableDataList">
															<div class="list" v-for="item in 3" :key="item">
																<el-tooltip class="el-tooltip " effect="dark" content="(Tài)202112061241" placement="right" style="border-color: #26a1ff; background: #26a1ff;">
																	<span class="items item">X</span>
																</el-tooltip>
															</div>
														</div>
														<div class="tableDataList">
															<div class="list" v-for="item in 2" :key="item">
																<el-tooltip class="el-tooltip " effect="dark" content="(Tài)202112061241" placement="right" style="border-color: #f94168; background: #f94168;">
																	<span class="items item">T</span>
																</el-tooltip>
															</div>
														</div>
														<div class="tableDataList">
															<div class="list" v-for="item in 3" :key="item">
																<el-tooltip class="el-tooltip " effect="dark" content="(Tài)202112061241" placement="right" style="border-color: #26a1ff; background: #26a1ff;">
																	<span class="items item">X</span>
																</el-tooltip>
															</div>
														</div>
														<div class="tableDataList">
															<div class="list" v-for="item in 2" :key="item">
																<el-tooltip class="el-tooltip " effect="dark" content="(Tài)202112061241" placement="right" style="border-color: #f94168; background: #f94168;">
																	<span class="items item">T</span>
																</el-tooltip>
															</div>
														</div>
														<div class="tableDataList">
															<div class="list" v-for="item in 3" :key="item">
																<el-tooltip class="el-tooltip " effect="dark" content="(Tài)202112061241" placement="right" style="border-color: #26a1ff; background: #26a1ff;">
																	<span class="items item">X</span>
																</el-tooltip>
															</div>
														</div>
														<div class="tableDataList">
															<div class="list" v-for="item in 2" :key="item">
																<el-tooltip class="el-tooltip " effect="dark" content="(Tài)202112061241" placement="right" style="border-color: #f94168; background: #f94168;">
																	<span class="items item">T</span>
																</el-tooltip>
															</div>
														</div>
														<div class="tableDataList">
															<div class="list" v-for="item in 3" :key="item">
																<el-tooltip class="el-tooltip " effect="dark" content="(Tài)202112061241" placement="right" style="border-color: #26a1ff; background: #26a1ff;">
																	<span class="items item">X</span>
																</el-tooltip>
															</div>
														</div>
														<div class="tableDataList">
															<div class="list" v-for="item in 2" :key="item">
																<el-tooltip class="el-tooltip " effect="dark" content="(Tài)202112061241" placement="right" style="border-color: #f94168; background: #f94168;">
																	<span class="items item">T</span>
																</el-tooltip>
															</div>
														</div>
														<div class="tableDataList">
															<div class="list" v-for="item in 3" :key="item">
																<el-tooltip class="el-tooltip " effect="dark" content="(Tài)202112061241" placement="right" style="border-color: #26a1ff; background: #26a1ff;">
																	<span class="items item">X</span>
																</el-tooltip>
															</div>
														</div>
														<div class="tableDataList">
															<div class="list" v-for="item in 2" :key="item">
																<el-tooltip class="el-tooltip " effect="dark" content="(Tài)202112061241" placement="right" style="border-color: #f94168; background: #f94168;">
																	<span class="items item">T</span>
																</el-tooltip>
															</div>
														</div>
													</div>
												</el-tab-pane>
												<el-tab-pane label="Lẻ chẵn" name="second">
													
												</el-tab-pane>
												<el-tab-pane label="Trên hoà dưới" name="third">
													
												</el-tab-pane>
												<el-tab-pane label="Ngũ hành" name="fourth">
													<div class="kenoTableTitle bigSmall">
														<div class="titles circle0">
															<span class="lable" style="border-color: #ffbb00; background: #ffbb00;">Kim</span>
															<el-progress width="50" color="#ffbb00" stroke-width="4" type="circle" :percentage="25"></el-progress>
														</div>
														<div class="titles circle1">
															<span class="lable" style="border-color: #6dd400; background: #6dd400;">Mộc</span>
															<el-progress width="50" color="#6dd400" stroke-width="4" type="circle" :percentage="25"></el-progress>
														</div>
														<div class="titles circle3">
															<span class="lable" style="border-color: #26a1ff; background: #26a1ff;">Thuỷ</span>
															<el-progress width="50" color="#26a1ff" stroke-width="4" type="circle" :percentage="25"></el-progress>
														</div>
														<div class="titles circle4">
															<span class="lable" style="border-color: #f94168; background: #f94168;">Hoả</span>
															<el-progress width="50" color="#f94168" stroke-width="4" type="circle" :percentage="25"></el-progress>
														</div>
														<div class="titles circle5">
															<span class="lable" style="border-color: #ca8c10; background: #ca8c10;">Thổ</span>
															<el-progress width="50" color="#ca8c10" stroke-width="4" type="circle" :percentage="25"></el-progress>
														</div>
													</div>
													<div class="tableData">
														<div class="tableDataList">
															<div class="list" v-for="item in 3" :key="item">
																<el-tooltip class="el-tooltip " effect="dark" content="(Tài)202112061241" placement="right" style="border-color: #26a1ff; background: #26a1ff;">
																	<span class="items item">X</span>
																</el-tooltip>
															</div>
														</div>
														<div class="tableDataList">
															<div class="list" v-for="item in 2" :key="item">
																<el-tooltip class="el-tooltip " effect="dark" content="(Tài)202112061241" placement="right" style="border-color: #f94168; background: #f94168;">
																	<span class="items item">T</span>
																</el-tooltip>
															</div>
														</div>
														<div class="tableDataList">
															<div class="list" v-for="item in 3" :key="item">
																<el-tooltip class="el-tooltip " effect="dark" content="(Tài)202112061241" placement="right" style="border-color: #ca8c10; background: #ca8c10;">
																	<span class="items item">X</span>
																</el-tooltip>
															</div>
														</div>
														<div class="tableDataList">
															<div class="list" v-for="item in 2" :key="item">
																<el-tooltip class="el-tooltip " effect="dark" content="(Tài)202112061241" placement="right" style="border-color: #6dd400; background: #6dd400;">
																	<span class="items item">T</span>
																</el-tooltip>
															</div>
														</div>
														<div class="tableDataList">
															<div class="list" v-for="item in 3" :key="item">
																<el-tooltip class="el-tooltip " effect="dark" content="(Tài)202112061241" placement="right" style="border-color: #ffbb00; background: #ffbb00;">
																	<span class="items item">X</span>
																</el-tooltip>
															</div>
														</div>
														<div class="tableDataList">
															<div class="list" v-for="item in 2" :key="item">
																<el-tooltip class="el-tooltip " effect="dark" content="(Tài)202112061241" placement="right" style="border-color: #f94168; background: #f94168;">
																	<span class="items item">T</span>
																</el-tooltip>
															</div>
														</div>
														<div class="tableDataList">
															<div class="list" v-for="item in 3" :key="item">
																<el-tooltip class="el-tooltip " effect="dark" content="(Tài)202112061241" placement="right" style="border-color: #26a1ff; background: #26a1ff;">
																	<span class="items item">X</span>
																</el-tooltip>
															</div>
														</div>
														<div class="tableDataList">
															<div class="list" v-for="item in 2" :key="item">
																<el-tooltip class="el-tooltip " effect="dark" content="(Tài)202112061241" placement="right" style="border-color: #ffbb00; background: #ffbb00;">
																	<span class="items item">T</span>
																</el-tooltip>
															</div>
														</div>
														<div class="tableDataList">
															<div class="list" v-for="item in 3" :key="item">
																<el-tooltip class="el-tooltip " effect="dark" content="(Tài)202112061241" placement="right" style="border-color: #26a1ff; background: #26a1ff;">
																	<span class="items item">X</span>
																</el-tooltip>
															</div>
														</div>
														<div class="tableDataList">
															<div class="list" v-for="item in 2" :key="item">
																<el-tooltip class="el-tooltip " effect="dark" content="(Tài)202112061241" placement="right" style="border-color: #f94168; background: #f94168;">
																	<span class="items item">T</span>
																</el-tooltip>
															</div>
														</div>
														<div class="tableDataList">
															<div class="list" v-for="item in 3" :key="item">
																<el-tooltip class="el-tooltip " effect="dark" content="(Tài)202112061241" placement="right" style="border-color: #26a1ff; background: #26a1ff;">
																	<span class="items item">X</span>
																</el-tooltip>
															</div>
														</div>
														<div class="tableDataList">
															<div class="list" v-for="item in 2" :key="item">
																<el-tooltip class="el-tooltip " effect="dark" content="(Tài)202112061241" placement="right" style="border-color: #f94168; background: #f94168;">
																	<span class="items item">T</span>
																</el-tooltip>
															</div>
														</div>
														<div class="tableDataList">
															<div class="list" v-for="item in 3" :key="item">
																<el-tooltip class="el-tooltip " effect="dark" content="(Tài)202112061241" placement="right" style="border-color: #26a1ff; background: #26a1ff;">
																	<span class="items item">X</span>
																</el-tooltip>
															</div>
														</div>
														<div class="tableDataList">
															<div class="list" v-for="item in 2" :key="item">
																<el-tooltip class="el-tooltip " effect="dark" content="(Tài)202112061241" placement="right" style="border-color: #f94168; background: #f94168;">
																	<span class="items item">T</span>
																</el-tooltip>
															</div>
														</div>
														<div class="tableDataList">
															<div class="list" v-for="item in 3" :key="item">
																<el-tooltip class="el-tooltip " effect="dark" content="(Tài)202112061241" placement="right" style="border-color: #26a1ff; background: #26a1ff;">
																	<span class="items item">X</span>
																</el-tooltip>
															</div>
														</div>
														<div class="tableDataList">
															<div class="list" v-for="item in 2" :key="item">
																<el-tooltip class="el-tooltip " effect="dark" content="(Tài)202112061241" placement="right" style="border-color: #f94168; background: #f94168;">
																	<span class="items item">T</span>
																</el-tooltip>
															</div>
														</div>
													</div>
												</el-tab-pane>
											</el-tabs>
										</div>
										<ul class="lottoOpenNumberList">
											<li class="header noboder">
												<el-select v-model="lottoOpenV" placeholder="">
													<el-option label="202112061224" value="1"></el-option>
													<el-option label="202112061224" value="2"></el-option>
													<el-option label="202112061224" value="3"></el-option>
													<el-option label="202112061224" value="4"></el-option>
													<el-option label="202112061224" value="5"></el-option>
													<el-option label="202112061224" value="6"></el-option>
												</el-select>
											</li>
											<li class="data">
												<ul>
													<li class="bf bg3">
														<div class="rigitIssues">
															<div class="issue">202112061226</div>
															<div class="openCodeList"><span class="sumTotal">714</span><span class="bigSmall small">Xỉu</span><span class="oddEven even">Chẵn</span><span class="upDown up">Trên</span><span class="fiveElements wood">Mộc</span>
															</div>
														</div>
													</li>
													<li class="bf " v-for="item in 12" :key="item">
														<div class="rigitIssues">
															<div class="issue">202112061226</div>
															<div class="openCodeList"><span class="sumTotal">714</span><span class="bigSmall small">Xỉu</span><span class="oddEven even">Chẵn</span><span class="upDown up">Trên</span><span class="fiveElements wood">Mộc</span>
															</div>
														</div>
													</li>
												</ul>
											</li>
										</ul>
									</div>
								</div>
							</el-collapse-item>
						</el-collapse>
						<div class="select-bet">
							<div class="odds">
								<div class="playRuleBtnBox"><i id="info_rule" class="iconfont icon-icon_remind"></i><label for="info_rule" style="cursor: pointer;">Cách chơi</label></div>
							</div>
							<div class="bet">
								<div class="kenoBet">
									<ul class="row">
										<li>
											<div class="title">Lớn Nhỏ Chẵn Lẻ</div>
											<ul class="ballBox">
												<li class="flex1">
													<p>Tài</p>
													<p>1.95</p>
												</li>
												<li class="flex1">
													<p>Xỉu</p>
													<p>1.95</p>
												</li>
												<li class="flex1">
													<p>Lẻ</p>
													<p>1.95</p>
												</li>
												<li class="flex1">
													<p>Chẵn</p>
													<p>1.95</p>
												</li>
											</ul>
										</li>
										<li>
											<div class="title">Trên hoà dưới</div>
											<ul class="ballBox">
												<li class="">
													<p>Trên</p>
													<p>2.3</p>
												</li>
												<li class="">
													<p>Hoà</p>
													<p>4.3</p>
												</li>
												<li class="">
													<p>Dưới</p>
													<p>2.3</p>
												</li>
											</ul>
										</li>
										<li>
											<div class="title">Cược gộp</div>
											<ul class="ballBox">
												<li class="flex1">
													<p>Tài lẻ</p>
													<p>3.7</p>
												</li>
												<li class="flex1">
													<p>Xỉu lẻ</p>
													<p>3.7</p>
												</li>
												<li class="flex1">
													<p>Tài chẵn</p>
													<p>3.7</p>
												</li>
												<li class="flex1">
													<p>Xỉu chẵn</p>
													<p>3.7</p>
												</li>
											</ul>
										</li>
										<li>
											<div class="title">Ngũ hành</div>
											<ul class="ballBox">
												<li class="">
													<p>Kim</p>
													<p>9.2</p>
												</li>
												<li class="">
													<p>Mộc</p>
													<p>4.6</p>
												</li>
												<li class="">
													<p>Thuỷ</p>
													<p>2.4</p>
												</li>
												<li class="">
													<p>Hoả</p>
													<p>4.6</p>
												</li>
												<li class="">
													<p>Thổ</p>
													<p>9.2</p>
												</li>
											</ul>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="right-box-wp">
					<div class="right-box">
						<el-tabs v-model="activeName">
							<el-tab-pane label="Bảng cược" name="first">
								<div class="myOrder">
									<div class="title"><span>Keno VIP 30 giây</span><span>202112060962</span></div>
									<div class="have-data-wp">
										<!-- 数据列表 -->
										<div class="my-order-list">
											<div class="order-item-wp">
												<div class="order-item">
													<div class="lottery-info-wp">
														<div class="title-wp">
															<div class="content-pop">
																<el-popover placement="bottom"
																	popper-class="order-item-popover" width="300"
																	trigger="hover" content="Bao lô Lô 2 Số@99.5">
																	<span class="full-lottery-name" slot="reference">Bao
																		lô Lô 2 Số@99.5</span>
																</el-popover>
															</div>
															<div class="lottery-input">
																<span>1 x </span> <input type="tel" name="" id=""
																	value="" readonly="readonly" />
															</div>
														</div>
														<div class="info">
															<div class="content">
																1,6,7,8<span class="symbol-line">|</span>
															</div>
														</div>
													</div>
													<div class="lottery-del"><span
															class="iconfont icon-icon_delete"></span></div>
												</div>
											</div>
										</div>
										<!-- 底部 -->
										<div class="bottom">
											<div class="single-bet-wp">
												<div class="tit">Cược đơn：</div>
												<div class="lottery-input"><input type="text"></div>
											</div>
											<div class="summary"><span class="key">Số nhân：</span><span
													class="val">384</span></div>
											<div class="calc-bonus"><span class="key">Tổng tiền thưởng：</span><span
													class="val">8,880,000</span></div>
											<div class="btn-group-wp">
												<div class="cancel-btn"> Huỷ </div>
												<el-button class="bet-btn">
													Đặt Cược <br> 384,000
												</el-button>
											</div>
										</div>
									</div>
									<!-- 没数据   -->
									<div class="no-data-wp" style="display: none;">
										<div class="no-data h-295">
											<div class="spec" style="padding-top: 24px;">Hiện không có đặt cược</div>
										</div>
										<div class="btn-wp">
											<el-button class="bet">Đặt Cược 0</el-button>
										</div>
									</div>
								</div>
							</el-tab-pane>
							<el-tab-pane label="Chưa thanh toán" name="second">
								<div class="unsettlementOrder">
									<ul class="order-list">
										<li class="order-item" v-for="item in 2" :key="item">
											<div class="top-wp">
												<span class="content-pop">
													<el-popover placement="top-start" popper-class="order-item-popover"
														width="280" trigger="hover"
														content="Miền Bắc-LôXiên Xiên 4@222">
														<span slot="reference">Miền Bắc-Lô Xiên Xiên 4@222</span>
													</el-popover>
												</span>
												<div style="color: rgb(249, 62, 62);">1,000</div>
											</div>
											<div class="mid-wp">
												<div class="content">02,03,04,09</div>
												<div class="result lose"> Thắng thua :-1,000 </div>
											</div>
											<div class="bot-wp">
												<div>2021-11-11 15:15:52</div>
												<div class="cancel-order"> Huỷ đơn </div>
												<div class="detail"> Chi tiết&gt; </div>
											</div>
										</li>
										<p class="showMore"> Xem thêm lịch sử cược > </p>
									</ul>
									<!-- 没数据 -->
									<div class="no-data-wp" style="display: none;">
										<div class="no-data">
											<div class="spec" style="padding-top: 24px;">Không có thêm dữ liệu</div>
										</div>
									</div>
								</div>
							</el-tab-pane>
							<el-tab-pane label="Đã thanh toán" name="third">
								<div class="unsettlementOrder">
									<ul class="order-list">
										<li class="order-item" v-for="item in 12" :key="item">
											<div class="top-wp">
												<span class="content-pop">
													<el-popover placement="top-start" width="280"
														popper-class="order-item-popover" trigger="hover"
														content="Miền Bắc-LôXiên Xiên 4@222">
														<span slot="reference">Miền Bắc-Lô Xiên Xiên 4@222</span>
													</el-popover>
												</span>
												<div style="color: rgb(249, 62, 62);">1,000</div>
											</div>
											<div class="mid-wp">
												<div class="content">02,03,04,09</div>
												<div class="result lose"> Thắng thua :-1,000 </div>
											</div>
											<div class="bot-wp">
												<div>2021-11-11 15:15:52</div>
												<div class="detail"> Chi tiết&gt; </div>
											</div>
										</li>
										<p class="showMore"> Xem thêm lịch sử cược > </p>
									</ul>
								</div>
							</el-tab-pane>
						</el-tabs>
					</div>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	// @ is an alias to /src
	import Head from '@/components/Head.vue'
	export default {
		name: 'Home',
		components: {
			Head,
		},
		data() {
			return {
				lottoOpenV:'1',
				activeName: 'first',
				ModelV: '',
				playSelectV: 'first',
				activecollapse: ['1'],
				tablotto:'first'
			};
		},
		methods: {

		}
	}
</script>
